<template>
  <div class="header">
	<p>{{name}}</p>
  </div>
</template>

<script>
alert("欢迎进入浩天快餐管理系统")
export default {
  name: 'Header',
  data () {
    return {
      name:"浩天快餐管理系统"
    }
  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
    .header{
		width: 100%;
		height: 80px;
		background-color: black;
		color: #ffffff;
		border-bottom: 3px solid #ffffff;
	}
	.header p{
		text-align: center;
		font-size: 30px;
		line-height: 80px;
	}
</style>
